// utils.scss
// 使用scss的math函数，https://sass-lang.com/documentation/breaking-changes/slash-div

@use 'sass:math';

//默认设计稿的宽度
$designWidth: 1920;
//默认设计稿的高度
$designHeight: 1080;
//最小字体
$minFontSize: 12;

//px转为vw的函数

@function vw($px) {
  @return math.div($px, $designWidth) * 100vw;
}

//px转为vh的函数

@function vh($px) {
  @return math.div($px, $designHeight) * 100vh;
}

//字体转vw
@function font($px) {
  @return math.div($px, $designWidth) * 100vw;
}
// 设置 盒模型大小
@mixin set_size($width, $height) {
  width: vw($width);
  height: vh($height);
}
@mixin flex_box() {
  display: flex;
  flex-direction: column;
}